﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Travel Agency</title>
    <link type="text/css" rel="Stylesheet" href="..\Styles\TravelAgencyStyle.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript" src="TravelAgencyScript.js" ></script>	
</head>
<body>
    <div class="wrapper">
        <img src='..\Images\TravelAgencyBackground.jpg' / alt="no image available">
        <div id="error" class="hiden" >Can not be executed</div>
        <div class="content">
        <div class="trips"> <h1>Loading</h1></div>
            <div class="clearer"></div>
            <div class="pager">
            <button id="previousPage"><</button> 
            <input id="page" class="number" readonly="readonly" value="1" type=text/>
            <button id="nextPage">></button>
            </div>
            <div class="clearer"></div>
        </div>
        <div class="hiden" id="details">
            <div class="left">
            </div>
            <div class="right">
            <h3 class="user">Enter your user name:</h3>
            <input class="user" id="user" maxlength="256" type=text size="256"/>
            <div class="clearer"></div>
            <input id="people" class="number" readonly="readonly" value="0" type=text/>
            <button id="up">˄</button> 
            <button id="down">˅</button>
            <button id="submit">Make Reservation</button>
            <button id="cancel">Cancel</button>
            <div class="clearer"></div>
            </div>
        </div>
    </div>
</body>
</html>

